<template><section class="ls-content-wrapper">
  <my-history-section-head-line-list :foodlist="FoodList"></my-history-section-head-line-list>
  </section>
 </template>

 <script type="text/ecmascript-6">
   import MyHistoryListApi from "../../apis/MyHistoryListApi"
   import MyHistorySectionHeadLineList from "./MyHistorySectionHeadLineList.vue"
        export default{
          components:{
            MyHistorySectionHeadLineList,
          },
          data(){
              return{
                  FoodList:[],
              }
          },
          created(){
            MyHistoryListApi.getMyHistoryHeadList((data)=>{
              this.FoodList = data
              console.log(data)
            })
            },
            methods(){

            }
          }
 </script>

 <style scoped>
   .ls-content-wrapper{
     width: 100%;
     -webkit-flex: 1;
     overflow-y: auto;
     overflow-x: hidden;
   }
 </style>
